<template>
    <div class="auth-box">
        <img src="../assets/img/logo.png">
        <p>
            “烫卤局管理平台” 不是开放的小程序，为了验证您的身份，
            我们需要您授权获取您微信的公开信息；包括：头像、昵称、用户标识等。
            如果您不想展示相关信息，可以选择取消登录。
        </p>
        <div class="button-box">
            <mt-button class="auth">授权登录</mt-button>
            <mt-button class="cancel">暂不授权</mt-button>
        </div>
    </div>
</template>

<script>
    export default {
        name: "authorization"
    }
</script>

<style lang="scss" scoped>

    .auth-box{
        width: 90%;
        margin:50px auto 0 auto;
        img{
            width: 80%;
            margin: auto;
        }
        p{
            color: #747574;
            font-size: 16px;
            line-height: 32px;
            margin: 50px 0;
        }
        .button-box{
            width: 80%;
            display: flex;
            flex-direction: column;
            position: fixed;
            bottom: 40px;
            left: 10%;
            .auth{
                height: 40px;
                line-height: 40px;
                background: #05c569;
                color: #fff;
                font-size: 16px;
                border-radius: 8px;
            }
            .cancel{
                height: 40px;
                line-height: 40px;
                background: #fff;
                color: #909190;
                font-size: 16px;
                border-radius: 8px;
                border: 1px solid #fff;
                margin-top: 15px;
            }
        }
    }
</style>